1
|
|
|
const webpack = require("webpack"); |
2
|
|
|
const path = require("path"); |
3
|
|
|
const HtmlWebpackPlugin = require("html-webpack-plugin"); |
4
|
|
|
const DashboardPlugin = require("webpack-dashboard/plugin"); |
5
|
|
|
const nodeEnv = process.env.NODE_ENV || "development"; |
6
|
|
|
const isProd = nodeEnv === "production"; |
7
|
|
|
|
8
|
|
|
var config = { |
9
|
|
|
devtool: isProd ? "hidden-source-map" : "source-map", |
10
|
|
|
context: path.resolve("./src"), |
11
|
|
|
entry: { |
12
|
|
|
app: "./index.ts", |
13
|
|
|
vendor: "./vendor.ts", |
14
|
|
|
}, |
15
|
|
|
output: { |
16
|
|
|
path: path.resolve("./dist/browser"), |
17
|
|
|
filename: "[name].bundle.js", |
18
|
|
|
sourceMapFilename: "[name].bundle.map", |
19
|
|
|
devtoolModuleFilenameTemplate: function (info) { |
20
|
|
|
return "file:///" + info.absoluteResourcePath; |
21
|
|
|
} |
22
|
|
|
}, |
23
|
|
|
module: { |
24
|
|
|
rules: [ |
25
|
|
|
{ |
26
|
|
|
enforce: "pre", |
27
|
|
|
test: /\.ts?$/, |
28
|
|
|
exclude: ["node_modules"], |
29
|
|
|
use: ["awesome-typescript-loader", "source-map-loader"] |
30
|
|
|
}, |
31
|
|
|
{test: /\.html$/, loader: "html-loader"}, |
32
|
|
|
{test: /\.css$/, loaders: ["style-loader", "css-loader"]} |
33
|
|
|
] |
34
|
|
|
}, |
35
|
|
|
resolve: { |
36
|
|
|
extensions: [".ts", ".js"] |
37
|
|
|
}, |
38
|
|
|
plugins: [ |
39
|
|
|
new webpack.DefinePlugin({ |
40
|
|
|
"process.env": { |
41
|
|
|
// eslint-disable-line quote-props |
42
|
|
|
NODE_ENV: JSON.stringify(nodeEnv) |
43
|
|
|
} |
44
|
|
|
}), |
45
|
|
|
new HtmlWebpackPlugin({ |
46
|
|
|
title: "Base JavaScript SDK", |
47
|
|
|
template: "!!ejs-loader!src/index.html" |
48
|
|
|
}), |
49
|
|
|
new webpack.optimize.CommonsChunkPlugin({ |
50
|
|
|
name: "vendor", |
51
|
|
|
minChunks: Infinity, |
52
|
|
|
filename: "vendor.bundle.js" |
53
|
|
|
}), |
54
|
|
|
new webpack.optimize.UglifyJsPlugin({ |
55
|
|
|
compress: {warnings: false}, |
56
|
|
|
output: {comments: false}, |
57
|
|
|
sourceMap: true |
58
|
|
|
}), |
59
|
|
|
new DashboardPlugin(), |
60
|
|
|
new webpack.LoaderOptionsPlugin({ |
61
|
|
|
options: { |
62
|
|
|
tslint: { |
63
|
|
|
emitErrors: true, |
64
|
|
|
failOnHint: true |
65
|
|
|
} |
66
|
|
|
} |
67
|
|
|
}), |
68
|
|
|
], |
69
|
|
|
devServer: { |
70
|
|
|
contentBase: path.join(__dirname, "dist/browser"), |
71
|
|
|
compress: true, |
72
|
|
|
port: 3000, |
73
|
|
|
hot: true |
74
|
|
|
} |
75
|
|
|
}; |
76
|
|
|
|
77
|
|
|
module.exports = config; |
78
|
|
|
|